﻿<%@ Page Language="C#" AutoEventWireup="true"  Inherits="AI_HrnPayrolCodeBehind.Pages_UploadExcel,AI_HrnPayrolCodeBehind"
    Async="true" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script type="text/javascript" language="javascript">
        if ("<%=uploadSuccess%>" == "True") {
            var t = setTimeout("CloseWindow();", 4000)
        }
        function ShowSuccessMsgAndRefresh() {
            window.parent.location.href = window.parent.location.href;
        }
           
    </script>
   <meta charset="UTF-8">
        <title>Abalone IT Solutions</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Morris chart -->
        <link href="css/morris/morris.css" rel="stylesheet" type="text/css" />
        <!-- jvectormap -->
        <link href="css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
        <!-- Date Picker -->
        <link href="css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
        <!-- Daterange picker -->
        <link href="css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
        <!-- bootstrap wysihtml5 - text editor -->
        <link href="css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="css/AdminLTE.css" rel="stylesheet" type="text/css" />

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->


</head>
<body  class="skin-blue" >
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
   <header class="header">

      
            
            <!-- Header Navbar: style can be found in header.less -->
            <nav class="navbar navbar-static-top" role="navigation">
                <!-- Sidebar toggle button-->
                <a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
                 
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </a>

                <div class="navbar-left">
                 <img src="Images/Web logo.png" alt="" title="" border="0" />
               
                </div> 
                <div class="navbar-right">              
               
                <br />
               
            


                 
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left" >
            <!-- Left side column. contains the logo and sidebar -->
            <aside class="left-side sidebar-offcanvas">                
                <!-- sidebar: style can be found in sidebar.less -->
                <section class="sidebar">
                    <!-- Sidebar user panel -->
                    <div class="user-panel">
                        <div class="pull-left image">
                           
                        </div>
                        <div class="pull-left info">
                           <p>Hello, <asp:Label ID="lblUserName" runat="server" ></asp:Label></p>
                        </div>
                    </div>
                  
                    <!-- /.search form -->
                    <!-- sidebar menu: : style can be found in sidebar.less -->
                   
                </section>
                <!-- /.sidebar -->
            </aside>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">                
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        Abalone HMIS
                       
                    </h1>
                    <ol class="breadcrumb">

                    

                        
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">
                        <div>
                            <h3>
                                Upload File
                            </h3>
                            <div id="div_Header" style="float: left; text-align: right; width: 99%; margin: 0px 0px 0px 0px">
                                <div style="float: left; text-align: left; width: 35%; margin: 5px 0px 0px 10px">
                                    <asp:Label ID="lbl_Date" runat="server" Text="Select date: "></asp:Label>
                                    <asp:DropDownList ID="ddl_Month" runat="server">
                                    </asp:DropDownList>
                                    <asp:DropDownList ID="ddl_Year" runat="server">
                                    </asp:DropDownList>
                                    &nbsp;&nbsp;
                                    <%----%>
                                </div>
                                <div style="float: left; text-align: right; width: 29%; margin: 5px 0px 0px 0px">
                                    <asp:Button ID="btnReturnHome" runat="server" Text="Return Home" 
                                        onclick="btnReturnHome_Click" />
                                </div>
                            </div>
                            <table width="100%">
                                <tr>
                                    <td colspan="2">
                                        <asp:Label ID="lblUploadStatus" runat="server"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        Upload an interface file from your computer.
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        &nbsp
                                    </td>
                                    <td>
                                        Only Excel file is allowed.
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 20%">
                                        File Name (Excel file type only) :
                                    </td>
                                    <td style="width: 80%">
                                        <asp:FileUpload ID="fileupldIELS" runat="server" />
                                    </td>
                                </tr>
                            </table>
                            <div class="container_submit">
                                <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" />
                                <input type="button" name="button" id="button" value="Cancel" onclick="self.parent.refreshDescription1('test');self.parent.tb_remove();" />
                            </div>
                        </div>
                  </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->


        <!-- add new calendar event modal -->


        <!-- add new calendar event modal -->


        <!-- jQuery 2.0.2 -->
        <script src="Scripts/jquery.min.js" type="text/javascript" ></script>
        <!-- jQuery UI 1.10.3 -->
        <script src="js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <!-- Morris.js charts -->
       <%-- <script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>--%>
        <script src="js/plugins/morris/morris.min.js" type="text/javascript"></script>
        <!-- Sparkline -->
        <script src="js/plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
        <!-- jvectormap -->
        <script src="js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
        <script src="js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
        <!-- jQuery Knob Chart -->
        <script src="js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
        <!-- daterangepicker -->
        <script src="js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        <!-- datepicker -->
        <script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
        <!-- Bootstrap WYSIHTML5 -->
        <script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
        <!-- iCheck -->
        <script src="js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>

        <!-- AdminLTE App -->
        <script src="js/AdminLTE/app.js" type="text/javascript"></script>

        <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
        <script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>

        <!-- AdminLTE for demo purposes -->
        <script src="js/AdminLTE/demo.js" type="text/javascript"></script>



        <!--end of main content-->
        <div class="footer">
            
            <div class="right_footer">
                © Copyright 2014 Abalone India Pvt Ltd. All Rights Reserved.</div>
        </div>
    </form>
</body>
</html>
